学会使用Sublime Text Snippets提高编码速度
Created at 2016-08-13 Updated at 2017-01-06 Category 工欲善其事必先利其器
我们在编写代码的时候,总会遇到一些需要反复使用的代码片段。这时候就需要反复的复制和黏贴,大大影响效率。我们利用Sublime Text
的snippet
功能,就能很好的解决这一问题。通俗的讲,就是把我们常用的代码分别保存起啦,然后通过插件的形式来反复调用。
- 创建方法:
Tools
>New Snippet
这时你会看到如下示例代码:
|
|
我们接着来看下完整的结构和说明
|
|
${1:name}
表示代码插入后,光标所停留的位置,可同时插入多个。其中:name
为自定义参数(可选)。${2}
表示代码插入后,按Tab键,光标会根据顺序跳转到相应位置(以此类推)
开始自己动手编写一个实例:
|
|
创建完毕以后,保存在\Packages\User
目录下(例 X:\Sublime Text 2.0\Data\Packages\User
),文件命名为cft-code
,后缀名.sublime-snippet
。
此时我们打开一个html
文件,输入cft
,再按Tab
键,刚才我们所编写的代码段,就插入了进来。并且此时的光标停留在我们所标记的${1}
位置处,如果我们再按下Tab
,那么光标就跳转到${2}的位置。由于我们在scope
中定义了仅在html
文件中使用,所以此时如果我们打开的是css或其他格式的文件,那将无法插入代码段。